@charset "utf-8";
/* CSS Document */
/***********通用基本类1************/

/*格式化样式*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul {list-style:none} 
caption,th {text-align:left} 
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}

/*css定义超链接四个状态也有顺序的。*/

a:link, a:visited {
text-decoration: none;
color: #000000;
}
a:hover, a:active {
text-decoration: none;
color: #2196F3;
/* border: none; */
}
/*以上语句分别定义了"链接、已访问过的链接、鼠标停在上方时、点下鼠标时"的样式。
注意，必须按以上顺序写，否则显示可能和你预想的不一样。记住它们的顺序是“LVHA”。*/
ul {
clear:both;

width: 100%;
}
ul, li {
list-style:none;
}

/***********通用基本类2************/

/* Copyright 2008 TSXMLOVE. All Rights Reserved. */
* {padding: 0px;margin: 0px;text-align: left;font-family:Arial, Verdana, Tahoma, "微软雅黑", Helvetica, sans-serif;/* line-height: 150%; */}
body {
	    font-family: 楷书;
}
table {
border-collapse: collapse;
}


/*长度高度*/
.w1200{ width:1200px; margin:0 auto;}
.w100{ width:100%; text-align:center;}
.w50{ width:50%}

/*清除浮动*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix {
    zoom:1; /* IE <8 */
}
.fl{ float:left;}
.fr{ float:right;}


/*头部*/
#top2 {
    height: 39px;
    width: 100%;
    background: #efefef;
    float: left;
    min-width: 1200px;
}
.top {
    height: 39px;
    width: 1200px;
    padding: 0;
    margin: 0 auto;
}
.welcome {
    font-size: 13px;
    float: left;
    line-height: 39px;
    color: #777;
}
.topnav {
    font-size: 13px;
    float: right;
    line-height: 39px;
    color: #777;
}

.topnav a {
    display: inline-block;
    margin: 0 5px;
    color: #999;
}
#head {
    width: 100%;
    float: left;
    min-width: 1200px;
    height: 120px;
}
.head {
    width: 1200px;
    margin: 0 auto;
}
#logo {
    height: 63px;
    float: left;
    margin-top: 35px;
    position: relative;
}
#dw {
    width: 460px;
    float: left;
    padding-left: 10px;
    margin-top: 40px;
    border-left: 1px solid #bbb;
}
#dw p {
    display: block;
    color: #333;
    font-size: 20.2px;
    font-weight: 600;
    margin-bottom: 8px;
}
#dw span {
    font-size: 16px;
    color: #999;
}
em {
    font-style: normal;
    color: #e5131c;
}
#tel {
    float: right;
        margin-top: 20px;
}
#tel img {
    margin-right: 20px;
}
#tel .right {
    /*margin-top: 3px;*/
}
.right {
    float: right;
}
.left {
    float: left;
}
#tel p {
    font-size: 32.38px;
    font-family: Arial, Helvetica, sans-serif;
    color: #e5131c;
}
.clear {
    clear: both;
}
/* 导航开始 */
#nav {
    width: 100%;
    height: 48px;
    background: url(../images/menu.jpg) repeat-x;
    float: left;
    min-width: 1200px;
}
.nav {
    width: 1200px;
    height: 48px;
    padding: 0;
    margin: 0 auto;
}
#menu {
    Z-INDEX: 100;
    POSITION: relative;
    WIDTH: 1200px;
    HEIGHT: 48px;
}
#menu UL {
    FLOAT: left;
}
#menu UL LI {
    POSITION: relative;
    DISPLAY: inline;
    FLOAT: left;
    font-size: 16px;
    width: 169px;
}
#menu UL LI.dg {
    width: 2px;
    height: 48px;
    float: left;
    background-image: url(../images/nav_fg.jpg);
    background-repeat: no-repeat;
    background-position: center center;
}
#menu UL LI a.sec {
    color: #fff;
    text-decoration: none;
    background-image: url(../images/menu.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
#menu UL LI A {
    TEXT-ALIGN: center;
    DISPLAY: block;
    line-height: 48px;
    color: #fff;
    transition: all 0.3s ease-in-out 0s;
}
#menu UL LI OL {
    POSITION: absolute;
    WIDTH: 160px;
    DISPLAY: none;
    COLOR: #fff;
    MARGIN-LEFT: 0px;
    padding: 0px;
    left: 0px;
    background-color: #000;
}
#menu UL LI OL LI {
    DISPLAY: block;
    FLOAT: none;
    background-image: none;
    font-weight: normal;
    width: 160px;
    font-size: 12px;
    padding: 0px;
    padding: 0px;
    margin: 0px;
    text-align: left;
}
#menu UL LI OL LI A {
    font-size: 13px;
    text-align: center;
    WIDTH: auto;
    DISPLAY: block;
    overflow: hidden;
    COLOR: #fff;
    LINE-HEIGHT: 22px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: #fff solid 1px;
    margin: 0px;
}

/* 首页案例展示 */
.cont1 {
    background: #ececec;
    overflow: hidden;
    padding-bottom: 20px;
}
.about {
    padding-top: 50px;
    width: 1200px;
    margin: 0 auto;
}
.about_title {
    text-align: center;
    color: rgb(10, 11, 19);
    background-image: url(../images/zuche.png);
    font: 600 37px/32px 微软雅黑;
}
.about_title a {
    display: block;
    color: rgb(143, 143, 143);
    font: 100 15px/40px 微软雅黑;
    text-align: center;
}
.about1 .content {
    line-height: 24px;
    color: rgb(102, 102, 102);
    font-family: 微软雅黑;
    font-size: 14px;
    float: right;
    width: 1200px;
    margin-top: 20px;
   
}

#demo1 {
    float: left;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.roll_product {
    float: left;
}
.roll_product li {
    padding-bottom: 0px;
}
.product_listt2 li {
    float: left;
    width: 240px;
    margin-left: 0;
    margin-right: 0px;
    padding-bottom: 16px;
    _display: inline;
    margin-top: 20px;

}
.product_listt2 li a.img {
    display: block;
}
.product_listt2 li a.img {
    padding: 2px;
    border: 1px solid #dedede;
}
.product_listt2 li a.img img {
    width: 100%;
    height: 236px;
    object-fit: cover;
}
.product_listt2 li h3 {
    font-size: 14px;
    font-family: 微软雅黑;
    margin-top: 10px;
    line-height: 15px;
    font-weight: normal;
    color: rgb(51, 51, 51);
    text-align: center;
}
.product_listt2 li h3 a {
    font-weight: normal;
    color: #333333;
    text-align: center;
}
#demo2 {
    float: left;
}
.clearboth {
    height: 0px;
    line-height: 0px;
    overflow: hidden;
    clear: both;
    font-size: 0px;
}
/* 首页产品展示 */

.cont4 {
    background: url(../images/anli.png) #ececec no-repeat top center;
    padding-bottom: 55px;
}
.anli {
    width: 1200px;
    height: 1240px;
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
}
.anli_title {
    text-align: center;
    padding-top: 85px;
    padding-bottom: 30px;
    color: rgb(255, 255, 255);
    font: 600 37px/37px 微软雅黑;
}
.anli_title span {
    display: block;
    font-size: 24px;
    color: #3d67c9;
    font-weight: normal;
    font-family: "Microsoft Yi Baiti";
    text-align: center;
}
.roll_product li {
    padding-bottom: 0px;
}
.product_listt1 li {
    float: left;
    margin-left: 0;
    margin-right: 13px;
    padding-bottom: 16px;
    _display: inline;
    margin-top: 26px;
    width: 391px;
    height: 322px;
}
.product_listt1 li:nth-child(3n) {
    margin-right: 0px;
}
.product_listt1 li a.img {
    display: block;
}
.product_listt1 li a.img img {
    width: 100%;
    height: 286px;
}
.product_listt1 li h3 {
    line-height: 30px;
    font-family: 微软雅黑;
    font-size: 14px;
    color: rgb(255, 255, 255);
    font-weight: normal;
    text-align: left;
    position: relative;
    z-index: 99;
    height: 30px;
    width: 100%;
    background-color: rgb(51, 51, 51);
    background-position: center center;
}
.product_listt1 li h3 a {
    font-family: 微软雅黑;
    font-size: 14px;
    color: rgb(255, 255, 255);
}

.product_listt1 li:hover .pron {
    display: block;
}
.product_listt1 li .pron {
    display: none;
    width: 100%;
    height: 286px;
    position: relative;
    margin-top: -320px;
    background: url(../images/an041.png) repeat center;
}
.product_listt1 li .pron a {
    display: block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-family: 微软雅黑;
    font-size: 14px;
    position: absolute;
    right: 143px;
    top: 134px;
    background: rgb(204, 26, 48);
}
/* 首页关于我们 */
.index_about{
    margin-top: 20px;
    width: 1200px;
    overflow: hidden;
}
.about_img{
    width: 500px;

}
.about_nr{width: 680px;}
.about_nr h2{
    font-size: 19px;
    color: #333333;
    font-weight: bold;

}
.about_nr hr{
    background: #0180dd;
    height: 2px;
    width: 155px;
}

.about_nr p{
    line-height: 40px;
    margin-top: 10px;
    text-align: justify;
}

/* 我们优势展示 */

.advantage {
    width: 1200px;
    margin: 0 auto;
}
.ad_left {
    float: left;
    width:610px;
}
.advantage_left {
    float: left;
    width: 610px;
}
.picture {
    float: left;
    width: 89px;
}
.wenzi {
    float: left;
    width: 432px;
    margin-left: 10px;
}
.wenzi .wenzi_text {
    font-family: 微软雅黑, &#39;
    font-size: 14px;
    color: #333333;
}







/* 首页新闻中心 */
#container {
    width: 1200px;
    margin: 0 auto;
    margin-top: 10px;
    padding-bottom: 20px;
}
.news_company {
    margin-top: 50px;
}
.news_company .content {
    padding-top: 10px;
}
.news1 {
    width:390px;
    float: left;
    overflow: hidden;
}
.news1 span, .news2 span, .news3 span {
    display: block;
    height: 37px;
    line-height: 37px;
    color: rgb(255, 255, 255);
    margin-top: -37px;
    padding-left: 16px;
    font-size: 18px;
    font-family: 微软雅黑;
    position: relative;
 
}
.news_list1 {
    background: #eeeeee;
    padding: 10px;
  
}
.news_list1 li {
    line-height: 32px;
    position: relative;
}
.news_list1 li a {
    line-height: 32px;
    color: #666;
    font-size: 14px;
    display: block;
    background: url(../images/sdot.png) left center no-repeat;
    padding-left: 16px;
}
.news2 {
    width: 390px;
    float: left;
    overflow: hidden;
    margin-left: 15px;
}
.news3 {
    overflow: hidden;
    width: 390px;
    float: right;
}










/* 底部样式 */
.bottomT {
    background: #333;
}
.w1200 {
    width: 1200px;
}
.mauto {
    margin-left: auto;
    margin-right: auto;
}
.bottomTt {
    padding-top: 15px;
    padding-bottom: 40px;
    border-bottom: 1px solid #444;
    text-align: center;
}
.flink {
    position: relative;
    display: inline-block;
    padding: 0 47px;
    line-height: 64px;
}
.flink:before {
    right: 0;
}
.flink:after, .flink:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 0;
    border: 1px solid #aaa;
    top: 50%;
    margin-top: -0.5px;
    margin-left: -49px;
}

.flink h2 {
    font-size: 18px;
    color: #888;
}
.flinkCont {
    padding: 0 34px;
}
.flinkCont a {
    float: left;
    padding: 0 18px;
    line-height: 30px;
    color: #888;
    font-size: 14px;
}
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden;
    font-size: 0;
}
.bottomTb {
    padding: 45px 34px;
}
.blogo {
    float: left;
    width: 225px;
}
.imgBox {
    overflow: hidden;
}

.gsinfo {
    float: left;
    width: 310px;
    margin-left: 80px;
}
.gsinfo h2 {
    font-size: 18px;
    color: #888;
    line-height: 34px;
    margin-bottom: 10px;
}
.gsinfo p {
    font-size: 14px;
    color: #888;
    line-height: 30px;
}
.gsinfo p i {
    margin-right: 5px;
    
}
.iconfont{background: url(../images/youxx.png) center no-repeat;}
.iconfont1{background: url(../images/dz.png) center no-repeat;}
.iconfont2{background: url(../images/dh.png) center no-repeat;padding-left: 10px;}
.gsinfo p a {
    color: #888;
}
.iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    margin-top: -3px\9;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0px;
    -moz-osx-font-smoothing: grayscale;
    -moz-osx-font-smoothing: grayscaleFont type;
}

.ewmBox {
    float: right;
    width: 350px;
}
.ewmBox .imgBox {
    float: left;
    width: 130px;
    height: 130px;
}
.ewmBoxr {
    float: left;
    margin-left: 20px;
}
.imgBox img {
    
}
.ewmBoxr .tels {
    font-size: 24px;
    line-height: 34px;
    color: #fff;
    margin-top: -5px;
    display: block;
}
.ewmBoxr p {
    font-size: 14px;
    color: #888;
    line-height: 24px0;
}

.ease-3 {
    -webkit-transition: all 0.3s ease-out;
    -khtml-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.btn_blue {
    border: 1px #3d67c9 solid;
    color: #fff;
    background-color: #3d67c9;
}
.ewmBoxr .zxzx {
    display: block;
    width: 120px;
    color: #fff;
    line-height: 40px;
    margin-top: 10px;
    text-align: center;
}
.bottomt {
    background: #111;
    color: #888;
    font-size: 14px;
    line-height: 24px;
    padding: 13px 0;
    text-align: center;
}

/*内页展示样式*/
.content{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}
.rightl {
    width: 954px;
    float: right;
    display: inline;
    overflow: hidden;
}
.plc {
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 0 10px;
    position: relative;
    color: #666;
    overflow: hidden;
}
.plc a{
        color: #666;
    text-decoration: none;
    font-family: "Microsoft YaHei";
    font-size: 14px;
}
.pro_main {
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 3px;
    zoom: 1;
    padding: 10px 5px;
    overflow: hidden;
    margin-top: 10px;
}
.about_con {
    width: 100%;
    height: auto;
    line-height: 30px;
    font-size: 15px;
    color: #898989;
}
.leftr {
    float: left;
    width: 230px;
    overflow: hidden;
    display: inline;
}
.leib2 {
    width: 228px;
    border: #ccc 1px solid;
    padding: 0 0 6px;
}
.leib3 {
    width: 230px;
    background: #fff;
}
.leib2 .tit {
    background: #3d67c9;
    width: 230px;
    height: 62px;
    padding: 10px 0 0;
    text-align: center;
    overflow: hidden;
    margin: 0 0 5px;
}
.leib2 .nr {
    background: #fff;
    overflow: hidden;
}
.leib2 .tit a {
    font-size: 24px;
    color: #fff;
}
.leib2 .tit a span {
    display: block;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #89afd3;
    font-weight: normal;
    text-align: center;
}
.leib2 .nr {
    background: #fff;
    overflow: hidden;
}

.nr h4{
    margin-left: 25px;
}
.nr h4 a{
        color: #3d67c9;
        font-weight: bold;
}
.leib2 ul {
    width: 188px;
    margin: 0 auto;
    padding: 8px 0;
}
.leib2 ul li {
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    border-bottom: #e6e6e6 1px solid;
}
.leib2 ul li a {
    font-size: 14px;
    color: #333;
    padding: 0 0 0 23px;
    display: block;
    background: url(../images/cp_ico02-1.gif)/*tpa=http://www.chinabes.com.cn/Skins/default/Img/Index/cp_ico02.gif*/ no-repeat 7px 15px;
}

.mt10 {
    margin-top: 10px;
}
.leib3 .tit {
    height: 35px;
    line-height: 35px;
    background: #3d67c9;
    font-family: 'Microsoft YaHei';
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    color: #fff;
}
.leftlx {
    background: #FFF;
    border: 1px solid #DFDFDF;
    border-top: none;
}
.leftlx .dianh {
    padding: 0 5px 0 10px;
}
.leftlx .dianhua {
    background: url(../images/Teln.gif)/*tpa=http://www.chinabes.com.cn/Skins/default/Img/Teln.gif*/ no-repeat scroll 0 18px transparent;
    color: #666666;
    line-height: 20px;
    padding: 10px 0 10px 55px;
}
.leftlx .dianhua span {
    display: block;
    font: 18px "Impact";
    color: #3d67c9;
}
.leftlx p {
    line-height: 24px;
    word-break: break-all;
    word-wrap: break-word;
        font-size: 14px;
    color: #666;
}
.leib2 .nr li a:hover, .leib2 .nr li.cur a {
    color: #e56b28;
}

/*产品列表页*/
.pro_main {
    background-color: #fff;
    border: solid 1px #ccc;
    border-radius: 3px;
    zoom: 1;
    padding: 10px 5px;
    overflow: hidden;
    margin-top: 10px;
}
dl.pd_list_dl {
    width: 304px;
    overflow: hidden;
    float: left;
    margin: 5px 5px 10px;

}
dl.pd_list_dl dt, dl.pd_list_dl dt a {
        width: 100%;
    height: 190px;
    line-height: 0;
    font-size: 0;
}
dl.pd_list_dl dd {
    position: relative;
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-align: center;
}
dl.pd_list_dl dt img {
    width: 100%;
    height: 100%;
    padding: 1px;
    object-fit: cover;
    border: 1px solid #D6D6D6;
}
dl.pd_list_dl dd span {
    position: absolute;
    left: 2px;
    top: -37px;
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    background: url(../images/xl_bg02-1.png)/*tpa=http://www.chinabes.com.cn/Skins/default/Img/Index/xl_bg02.png*/ repeat;
    overflow: hidden;
}
dl.pd_list_dl dd span a {
    font-size: 14px;
    color: #fff;
    display: block;
    text-align: center;
    padding-left: 10px;
}
dl.pd_list_dl dd em {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0 0;
}
dl.pd_list_dl dd em img {
    width: 106px;
    height: 33px;
    padding: 0 3px;
}

/*分页*/
.pro_page a, .pro_page strong, .pro_page label {
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    margin: 0;
    margin-left: 5px;
    padding: 1px 14px;
    background: #FFF;
    border: 1px solid #CCC;
    overflow: hidden;
    font-weight: normal;
}

.news-xq-tit {
    text-align: center;
}
.news-xq-tit h2 {
    font-size: 21px;
    margin-top: 10px;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 10px;
        text-align: center;
}
.news-xq-tit p {
    font-size: 13px;
    color: #898989;
    margin-top: 10px;
        text-align: center;
}
.news-xq-c {
    font-size: 14px;
    line-height: 28px;
    margin-top: 20px;
}
.news-xq-c img {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}
.Next_page li {
    height: 30px;
    line-height: 30px;
    font-size: 14px;
}

/*新闻列表页*/
.News_List li {
    overflow: hidden;
    margin-bottom: 10px;
    border-bottom: 1px dashed #e0e0e0;
    padding-bottom: 10px;
}
.News_List li .news_left {
    width: 160px;
    height: 110px;
    float: left;
    overflow: hidden;
}
.news_left img {
    width: 100%;
    height: 100%;
    transition: 0.8s;
    -webkit-transition: 0.8s;
}
.News_List li .news_right {
        width: 766px;
    float: right;
}
.news_right h5 {
    font-size: 16px;
}
.news_right h6 {
    font-weight: normal;
    font-size: 13px;
    color: #999999;
    margin: 7px 0;
}
.news_right p {
    line-height: 20px;
    font-size: 13px;
}